<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>购物流程2</title>
		<link rel="stylesheet" type="text/css" href="../../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../../css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../../css/user_bs.css" />
		<link rel="stylesheet" type="text/css" href="../../css/shopping_process/process_two.css" />
	</head>

	<body>
		<div class="web">
			<!--header头部开始-->
			<header class="clearfix">
				<div class="logo fl">
					<img src="../../images/head_logo.png" />
				</div>

				<!--nav导航栏开始-->
				<nav class="clearfix fl">
					<ul class="clearfix fl">
						<li><a href="">首页</a></li>
						<li>
							<a href="">骑行</a>
							<div class="nav_classify">
								<div class="classify">
									<h3>普及版</h3>
									<ul>
										<li><a href="">短袖上衣</a></li>
										<li><a href="">长袖上衣</a></li>
										<li><a href="">短裤</a></li>
										<li><a href="">长裤</a></li>
										<li><a href="">背带短裤</a></li>
										<li><a href="">背带七分裤</a></li>   
									</ul>
									<ul>
										<li><a href="">背带长裤</a></li>
										<li><a href="">短袖短裤连体服</a></li>
										<li><a href="">长袖长裤连体服</a></li>
										<li><a href="">儿童短袖套装</a></li>
										<li><a href="">儿童长袖套装</a></li>
									</ul>
								</div>
								<div class="classify">
									<h3>专业版</h3>
									<ul>
										<li><a href="">短袖上衣</a></li>
										<li><a href="">长袖上衣</a></li>
										<li><a href="">短裤</a></li>
										<li><a href="">长裤</a></li>
										<li><a href="">背带短裤</a></li>
										<li><a href="">背带七分裤</a></li>   
									</ul>
									<ul>
										<li><a href="">背带长裤</a></li>
										<li><a href="">短袖短裤连体服</a></li>
										<li><a href="">长袖短裤连体服</a></li>
										<li><a href=""><strong>配件</strong></a></li>
									</ul>
								</div>		                
							</div>				
						</li>
						<li>
							<a href="">跑步</a>
							<div class="nav_classify">
								<div class="classify">
									<h3>普及版</h3>
									<ul>
										<li><a href="">无袖短裤套装</a></li>
										<li><a href="">短袖短裤套装</a></li>
										<li><a href="">长袖短裤套装</a></li>
									</ul>
								</div>
								<div class="classify">
									<h3>专业版</h3>
									<ul>
										<li><a href="">无袖短裤套装</a></li>
										<li><a href="">短袖短裤套装</a></li>
										<li><a href="">长袖短裤套装</a></li>
										<li><a href=""><strong>配件</strong></a></li>
									</ul>
								</div>		                
							</div>
						</li>
						<li>
							<a href="">铁三服</a>
							<div class="nav_classify">
								<div class="classify">
									<h3>普及版</h3>
									<ul>
										<li><a href="">POLO衫</a></li>
										<li><a href="">短袖T恤</a></li>
										<li><a href="">短裤</a></li>
										<li><a href="">跑步背心</a></li>
										<li><a href="">长袖上衣</a></li>
										<li><a href="">运动文胸</a></li>
									</ul>
								</div>
							</div>
						</li>
						<li>
							<a href="">休闲</a>
							<div class="nav_classify">
								<div class="classify">
									<h3>普及版</h3>
									<ul>
										<li><a href="">POLO衫</a></li>
										<li><a href="">T恤</a></li>
										<li><a href="">短裤</a></li>
										<li><a href="">帽衫</a></li>
									</ul>
								</div>
							</div>
						</li>
						<li><a href="">品牌区</a></li>
						<li><a href="">设计师</a></li>
					</ul>
					<div class="search fl">
						<input type="search" />
						<a href="" class="iconfont icon-sousuo"></a>
					</div>					
				</nav>
				<!--nav导航栏结束-->

				<div class="nav_icon fr">
					<ul class="clearfix">
						<li>
							<a href="" class="iconfont icon-gouwuche"></a>
						</li>
						<li>
							<a href="" class="iconfont icon-yonghu"></a>
						</li>
						<li>400-6563-116</li>
						<li>
							<a href=""><b>CH</b></a>
						</li>
					</ul>
				</div>
			</header>
			<!--header头部结束-->

			<!--section中间主体内容开始-->
			<section>
				<div class="box">
			<!--顶部进度图标-->
			<div class="title">
				<div class="flow fl">
					<img src="../../images/shopping_process/my_shopping_cart.jpg" />
					<h1>01</h1>
					<h2>买家申请退款 </h2>
					<span>2016-10-09 19:10:00</span>
				</div>
				<div class="flow fl">
					<img src="../../images/shopping_process/returns_application.jpg">
					<h1>02</h1>
					<h2>退款处理申请</h2>
					<span>2016-10-09 19:10:00</span>
				</div>
				<div class="flow fl">
					<img src="../../images/returns/returns_complete_wait.jpg" />
					<h1>03</h1>
					<h2>退款完成</h2>
				</div>
				<div class="clear"></div>
			</div>
			<!--顶部进度图标结束-->
			<!--分割线-->
			<div class="line">
				<div class="red_line fl"></div>
				<div class="gray_line fl"></div>
			</div>
			<div class="clear"></div>
			<!--分割线结束-->
			<!--收货人信息-->
			<div class="xinxi">
				<h4>收货人信息：</h4>
				<p class="fl"><i>*</i>所在地区：</p>
				<div class="select fl select_185" data-role="select">
					<input type="text" name="name" id="name" readonly />
					<input type="hidden" name="name_val" id="name_val" value="0" />
					<i><span class="iconfont icon-xia"></span></i>
					<ul>
						<li data-val="0">选择城市</li>
						<li data-val="1">选项1</li>
						<li data-val="2">选项2</li>
						<li data-val="3">选项3</li>
						<li data-val="4">选项4</li>
						<li data-val="5">选项5</li>
					</ul>
				</div>
				<div class="select fl" data-role="select">
					<input type="text" name="name" id="name" readonly />
					<input type="hidden" name="name_val" id="name_val" value="0" />
					<i><span class="iconfont icon-xia"></span></i>
					<ul>
						<li data-val="0">选择区</li>
						<li data-val="1">选项1</li>
						<li data-val="2">选项2</li>
						<li data-val="3">选项3</li>
						<li data-val="4">选项4</li>
						<li data-val="5">选项5</li>
					</ul>
				</div>
				<div class="select fl" data-role="select">
					<input type="text" name="name" id="name" readonly />
					<input type="hidden" name="name_val" id="name_val" value="0" />
					<i><span class="iconfont icon-xia"></span></i>
					<ul>
						<li data-val="0">选择区</li>
						<li data-val="1">选项1</li>
						<li data-val="2">选项2</li>
						<li data-val="3">选项3</li>
						<li data-val="4">选项4</li>
						<li data-val="5">选项5</li>
					</ul>
				</div>
				<div class="clear"></div>
				<p><i>*</i>详细地址：<textarea placeholder="请填写详细地址" maxlength="100"></textarea></p>
				<a class="tishi">建议您如实填写详细收货地址,例如街道名称，门牌号码，楼层和房间号等信息</a><br />
				<em class="youbian">邮政编码：<input type="text" class="text text_150" /><a>如您不清楚邮递区号，请填写000000</a></em><br />
				<p class="xingming"><i>*</i>收货人姓名：<input type="text" class="text text_150" /></p>
				<p class="number_1 fl">手机号码：</p>
				<div class="select fl" data-role="select">
					<input type="text" name="name" id="name" readonly />
					<input type="hidden" name="name_val" id="name_val" value="0" />
					<i><span class="iconfont icon-xia"></span></i>
					<ul>
						<li data-val="0">中国大陆+86</li>
						<li data-val="1">选项1</li>
						<li data-val="2">选项2</li>
						<li data-val="3">选项3</li>
						<li data-val="4">选项4</li>
						<li data-val="5">选项5</li>
					</ul>
				</div>
				<input type="text" class="text text_150 fl" />
				<div class="clear"></div>
				<p class="number_2 fl">电话号码：</p>
				<div class="select fl" data-role="select">
					<input type="text" name="name" id="name" readonly />
					<input type="hidden" name="name_val" id="name_val" value="0" />
					<i><span class="iconfont icon-xia"></span></i>
					<ul>
						<li data-val="0">中国大陆+86</li>
						<li data-val="1">选项1</li>
						<li data-val="2">选项2</li>
						<li data-val="3">选项3</li>
						<li data-val="4">选项4</li>
						<li data-val="5">选项5</li>
					</ul>
				</div>
				<p class="number_two fl"><input type="text" class="text text_80" placeholder="区号" />&nbsp;-&nbsp;<input type="text" class="text text_120" placeholder="电话号码" />&nbsp;-&nbsp;<input type="text" class="text text_80" placeholder="分机" /></p>
				<div class="clear"></div>
				<a class="tishi">手机号码和电话号码必须填一项</a>
			</div>
			<!--收货人信息结束-->
			<!--保存信息按钮-->
			<input type="button" class="btn btn_184 baocun fl" value="保存收货人信息" />
			<div class="checked fl">
				<input type="checkbox" id="check" value="0" /><label for="check">添加常用地址</label>
			</div>
			<div class="clear"></div>
			<!--保存信息按钮结束-->
			<!--分割线-->
			<div class="line">
				<div class="red_line fl"></div>
				<div class="gray_line fl"></div>
			</div>
			<div class="clear"></div>
			<!--分割线结束-->
			<!--支付方式以及配送-->
			<div class="zhifu">
				<h4>支付方式及配送</h4>
				<p>支付方式：<em>在线支付</em></p>
				<p>配送方式：<em>普通快递</em></p>
				<p>运费：<em>0元</em></p>
				<p>送货日期：<em>工作日／双休日与假日均可送货</em></p>
				<p>正常情况 商品生产至配送到您手中预计一周左右时间，支持送货上门</p>
			</div>
			<!--支付方式以及配送结束-->
			<!--分割线-->
			<div class="line">
				<div class="red_line fl"></div>
				<div class="gray_line fl"></div>
			</div>
			<div class="clear"></div>
			<!--分割线结束-->
			<!--发票信息-->
			<div class="fapiao">
				<h4>发票信息</h4>
				<p>订单发票：<em>无发票</em></p>
			</div>
			<!--发票信息结束-->
			<!--分割线-->
			<div class="line">
				<div class="red_line fl"></div>
				<div class="gray_line fl"></div>
			</div>
			<div class="clear"></div>
			<!--分割线结束-->
			<!--商品清单-->
			<div class="qingdan">
				<h4>商品清单</h4>
				<div class="table">
					<table>
						<thead>
							<tr>
								<td>商品</td>
								<td>名称</td>
								<td>尺码</td>
								<td>数量</td>
								<td>优惠</td>
								<td>单价</td>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td><img src="../../images/shopping_process/return_dress_03.jpg" /></td>
								<td>Santic森地客 春秋骑行服自行车骑行长袖套装冬季骑行长裤男(含1件样衣)<br /><br /><br />性别：女</td>
								<td>XXL</td>
								<td>2</td>
								<td>9.5折</td>
								<td>¥299.00</td>

							</tr>
							<tr>
								<td><img src="../../images/shopping_process/return_dress_03.jpg" /></td>
								<td>Santic森地客 春秋骑行服自行车骑行长袖套装冬季骑行长裤男(含1件样衣)<br /><br /><br />性别：女</td>
								<td>XXL</td>
								<td>2</td>
								<td>9.5折</td>
								<td>¥299.00</td>
							</tr>
						</tbody>
					</table>
				</div>
				<!--商品清单结束-->
				<!--客户备注-->
				<div class="beizhu">
					<h5 class="fl">客户备注：</h5><input type="text" class="text text_518" />
					<a class="fr">2件商品&nbsp;总计：<em>&nbsp;¥99.00</em><br /><span>优惠：<em> ¥00.00</em></span></a>
				</div>
				<div class="clear"></div>
				<div class="zongji">
					<p class="fr">总计（不含运费）:<em>¥146.00</em></p>
				</div>
				<div class="clear"></div>
				<!--去结算按钮-->
				<div class="fr"><a href="shopping_process3.html"><input type="text" class="btn btn_177" / value="去结算"></a></div>
				<div class="clear"></div>
            </div>
        </div>
        
			</section>
			<!--section中间主体内容结束-->

			<!--下方商城服务及承诺开始-->
			<div class="commitment bg_light_grey">
				<div class="customize fl">
					<div class="picture fl">
						<img src="../../images/circle/circle_customize.jpg" />
					</div>
					<span class="size16 grey weight700 fl">
							100%个性定制
						</span>
				</div>
				<div class="authenticity fl">
					<div class="picture fl">
						<img src="../../images/circle/circle_authenticity.jpg" />
					</div>
					<span class="size16 grey weight700 fl">
							100%品质保证
						</span>
				</div>
				<div class="seven fl">
					<div class="picture fl">
						<img src="../../images/circle/circle_seven.jpg" />
					</div>
					<span class="size16 grey weight700 fl">
							7天闪电发货
						</span>
				</div>
				<div class="returns fl">
					<div class="picture fl">
						<img src="../../images/circle/circle_returns.jpg" />
					</div>
					<span class="size16 grey weight700 fl">
							30天无忧退换
						</span>
				</div>
				<div class="hot_line fl">
					<div class="picture fl">
						<img src="../../images/circle/circle_hot_line.jpg" />
					</div>
					<span class="size16 grey weight700 fl">
							365天客服热线
						</span>
				</div>
				<div class="clear"></div>
			</div>
			<!--下方商城服务及承诺结束-->

			<!--footer底部开始-->
			<footer>
				<div class="content clearfix">
					<div class="foot_logo fl">
						<img src="../../images/foot_logo.png" />
					</div>
					<div class="link clearfix fr">
						<ul>
							<li>
								<a href="">新手指南</a>
							</li>
							<li>
								<a href="">用户注册</a>
							</li>
							<li>
								<a href="">定制流程</a>
							</li>
						</ul>
						<ul>
							<li>
								<a href="">付款方式</a>
							</li>
							<li>
								<a href="">支付方式</a>
							</li>
							<li>
								<a href="">支付问题</a>
							</li>
							<li>
								<a href="">常见问题</a>
							</li>
						</ul>
						<ul>
							<li>
								<a href="">售后服务</a>
							</li>
							<li>
								<a href="">退款换货</a>
							</li>
							<li>
								<a href="">配送方式</a>
							</li>
							<li>
								<a href="">联系我们</a>
							</li>
						</ul>
						<ul>
							<li>
								<a href="">政策条款</a>
							</li>
							<li>
								<a href="">服务协议</a>
							</li>
							<li>
								<a href="">隐私条款</a>
							</li>
							<li>
								<a href="">版权条款</a>
							</li>
						</ul>
					</div>
				</div>

				<div class="copyright">&copy; 2016 Wildto Corpation. All Rights Reserved闽ICP备14001544号-1</div>
			</footer>
			<!--footer底部结束-->
		</div>
		
		<script src="../../js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/select.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/tab.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>